import { commonProps } from "../../libs/config";
const modeTypes = ["top", "bottom", "right", "left", "center"];
const iconPositionTypes = ["top-left","top-right" ,"bottom-left", "bottom-right"];

export const popupProps = {
  ...commonProps,
  // 是否展示弹窗
  show: {
    type: Boolean,
    default:null
  },
  // 是否显示遮罩
  overlay: {
    type: Boolean,
    default:null
  },
  // 弹出的方向，可选值为 top bottom right left center
  mode: {
    type: String,
    values: modeTypes
  },
  // 动画时长，单位ms
  duration: {
    type: [String, Number]
  },
  // 是否显示关闭图标
  closeable: {
   type: Boolean,
   default:null
  },
  // 自定义遮罩的样式
  overlayStyle: {
    type: [Object, String],
  },
  // 点击遮罩是否关闭弹窗
  closeOnClickOverlay: {
    type: Boolean,
    default:null
  },
  // 层级
  zIndex: {
    type: [String, Number]
  },
  // 是否为iPhoneX留出底部安全距离
  safeAreaInsetBottom: {
    type: Boolean,
    default:null
  },
  // 是否留出顶部安全距离（状态栏高度）
  safeAreaInsetTop: {
    type: Boolean,
    default:null
  },
  // 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
  closeIconPos: {
    type: String,
    values: iconPositionTypes
  },
  // 圆角值
  round: {
    type: [String, Number]
  },
  // mode=center，也即中部弹出时，是否使用缩放模式
  zoom: {
    type: Boolean,
    default:null
  },
  // 弹窗背景色，设置为transparent可去除白色背景
  bgColor: {
    type: String,
  },
  // 遮罩的透明度，0-1之间
  overlayOpacity: {
    type: [Number, String]
  },
};

export const popupEmits = {
  open: () => true,
  close: () => true,
};
